Welcome to Css!

9.09 溢出隐藏

overflow属性是规定内容溢出了元素框时发生的事情

1、 visible:内容不会被修剪,会显示在元素框之外 默认值

2、 hidden: 内容会被修剪,溢出的内容不可见

3、 scroll: 内容会被修剪,会显示滚动条,以便查看溢出的内容;

4、 auto:当内容大于元素框时,内容会被修剪,会显示滚动条,以便查看溢出的内容,内容小于元素框时,不会显示滚动条。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css</title>

<style type="text/css">

div{

width:200px;height:120px;border:4px solid red;

overflow:visible;

}

</style>

</head>

<body>

<div>

<img src="css7.03.01.png" alt="">

</div>

</body>

</html>

返回:

overflow:hidden;

返回:

overflow:scroll;

返回:

overflow:auto;

返回: